<template>
	<view class="box">
		<uNavbar title="新生支付服务协议" bgColor="#E0DDDA"></uNavbar>
		<view class="list">
			  <rich-text class="s" :nodes="article"></rich-text>
		</view>
	</view>
	
</template>

<script>
import {xinsheng }from "../../api/wallet.js"
	export default {
		data() {
			return {
				article: '<div>我是HTML代码</div>'//富文本内容
			}
		},
		onLoad(){
			this.getlist()
		},
		methods: {
			getlist(){
				xinsheng().then(res=>{
					console.log(res)
					this.article=res.data.content
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		width: 750rpx;
		height: 100vh;
		background: #E0DDDA;
	}
	.list{
		margin-top: 40rpx;
		width: 700rpx;
		margin: 0 auto;
		background: none;
	}
	.s{
		background: none !important;
		color: #333;
		opacity: 0.7;
		
	}
	*:not(div) {
		color: #333;
	    background-color: transparent !important; /* 设置背景色为透明，并使用 !important 来覆盖可能存在的其他样式 */
	}
</style>
